فرمت WebP چیست؟ آشنایی با WebP و مزایای استفاده از آن در وب

یکشنبه، 05 اسفند 1403
فرمت WebP چیست؟  آشنایی با WebP و مزایای استفاده از آن در وب
محمد داداش رستمی

محمد داداش رستمی

توسعه دهنده فول استک

فرمت WebP یک فرمت تصویری مدرن هست که توسط گوگل توسعه داده شده. این فرمت برای نمایش تصاویر با کیفیت بالا و حجم کمتر نسبت به فرمت‌های رایج مثل JPEG و PNG طراحی شده.

مزایای WebP:

حجم کمتر: تصاویر WebP در مقایسه با JPEG و PNG تا 30-50٪ حجم کمتری دارند

کیفیت بالا: با وجود کاهش حجم، WebP کیفیت تصویر بالایی رو حفظ می‌کنه

پشتیبانی از شفافیت (Transparency): مشابه PNG، فرمت WebP از تصاویر شفاف پشتیبانی می‌کنه

پشتیبانی مرورگرها: بسیاری از مرورگرهای مدرن مثل Chrome و Firefox به طور کامل از WebP پشتیبانی می‌کنند

استفاده از WebP در ASP.Net

1- نصب کتابخانه ImageSharp

NuGet\Install-Package SixLabors.ImageSharp

2- نمونه کد برای استفاده :

public async Task<IActionResult> UploadImage(IFormFile file)
{
    if (file == null || file.Length == 0)
        return BadRequest("لطفا یک تصویر انتخاب کنید.");

    using (var image = await Image.LoadAsync(file.OpenReadStream()))
    {
      
        var outputPath = Path.Combine("wwwroot/images", "output.webp");

      
        var encoder = new WebpEncoder() { Quality = 75 };

       
        await image.SaveAsync(outputPath, encoder);
    }

    return Ok("تصویر با موفقیت آپلود و به فرمت WebP تبدیل شد.");
}

نکته ای که وجود دارد این است که برای یک سایت برای مثال فروشگاهی استفاده از webp بجای آپلود عادی تصاویر بسیار بسیار مفید می تواند باشد و سرعت لود در داخل وبسایت را بالا ببرد و ترافیک کمتری از سرور را مصرف کند چون webp علاوه بر کاهش حجم فایل کیفیت اون رو حفظ میکند برای مثال میشود در یک نرم افزار فروشگاهی کیفیت تصاویر رو تا 60 65 درصد کم کرد ...